<template>
    <div class="page">
        <scroll class="page-content" :class="[refreshing||noMoreActivity?'noMoreLoading':'']" :on-refresh="reLoadActivity" :on-infinite="loadMoreActivity" ref="activityScroller">
            <div class="activities" v-if="activities!=null&&activities.length>0">
                <div class="activity" v-for="activitie in activities" @click="goDetail(activitie.jumpUrl)">
                    <div class="img" :style="{backgroundImage:`url(${activitie.imageUrl})`}">
                        <!--<img :src="activitie.imageUrl">-->
                    </div>
                    <div class="desc">
                        <span class="title">{{activitie.title}}</span>
                        <span class="date">{{activitie.startTime}}</span>
                    </div>
                </div>
            </div>
            <div class="empty" v-if="activities&&activities.length==0">
                <img src="static/img/empty@3x.png"/>
            </div>
        </scroll>
    </div>
</template>
<script src="./Activity.js"></script>
<style lang="scss" scoped src="./Activity.scss"></style>